<template>
<div id="app">
	<div class="">
		<router-link :to="{path:'/todo'}">toDo</router-link>
		<router-link :to="{path:'/kuayu'}">跨域</router-link>
		<hr>
		<router-link :to="{path:'/list'}">列表数据同步更新方法</router-link><br>

		<router-link :to="{path:'/form'}">表单控件制作</router-link><br>
		<router-link :to="{path:'/component'}">使用is动态组件绑定</router-link><br>
		<router-link :to="{path:'/messagePass'}">父子组件通信</router-link><br>
		<router-link :to="{path:'/transition'}">动画</router-link><br>

		<router-link active-class="active" :to="{path:'/video'}">视频</router-link><br>
		<router-link active-class="active" :to="{path:'/mintScroll'}">下拉加载更多</router-link><br>
	</div>
	<router-view></router-view>
</div>
</template>

<script>
import Vue from 'vue';
import KuaYu from './components/kuayu'

export default {
	name: 'app',
	components: {
		KuaYu
	},
	methods: {

	}
}
</script>

<style>
.active {
	color: red;
}

#app {
	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px;
}
</style>
